/**
 * CSS for story frames.  This is used in both the story builder
 * interface and the slider export.
 *
 * Associated files:
 * - editframe.js
 * - previewslider.js
 */
iframe {
  border: 0px none;
  display: block;
  margin: 1px auto;
}

.frame, .thumb {
  position: relative;
  float: left;
  text-align: center;
  display: table-row;
}

.thumb {
  margin: 2px;
  overflow: hidden;
}

.frame-click, .thumb-click {
  position: absolute;
  top: 0px;
  left: 0px;
}

.select {
  border: 3px solid white;
}

.frame-p-no-pic, .thumb-p-no-pic {
  height: inherit;
  display: table-cell;
  vertical-align: middle;
}

.frame-textarea {
  resize: none;
  overflow: hidden;
  border: 0px none;
  padding: 0px;
  margin: 1px auto;
  text-align: center;
  display: block;
}

.edit {
  color: gray;
  background-color: white;
}

.frame-td {
  padding: 0px 0px 0px 1px;
}

.frame > img, .thumb > img {
  margin: 1px auto;
}

/**
 * Makes sure table elements do not take up extra space.
 */
.frame > table, .frame > tr, .frame > td,
.thumb > table, .thumb > tr, .frame > td {
  border-collapse: collapse;
  border-spacing: 0px;
  padding: 0px;
}
